<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>眼底图像智能识别</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
</head>
<body>
    <div class="container">
        <h1>🔍 眼底图像智能识别</h1>
        <p>请上传眼底图像，系统将自动识别眼疾类型</p>

        <!-- 上传图片 -->
        <div class="upload-box">
            <input type="file" id="fileInput" accept="image/*">
            <button onclick="previewImage()">📤 预览上传</button>
        </div>

        <!-- 预览图像 -->
        <div id="image-preview">
            <img id="preview" src="" alt="预览图像" style="display: none;">
        </div>

        <!-- 提交按钮 -->
        <button onclick="submitImage()">提交分类</button>

        <!-- 识别结果 -->
        <h3>识别结果：</h3>
        <p id="result"></p>

        <script src="{{ url_for('static', filename='script.js') }}"></script>
    </div>
</body>
</html>
